<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌购首页（美食）</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="${resources}/plugins/fontAwesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/plugins/swiper/3.3.1/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/common.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/integralIndex.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
    <div class="integralHeader">
        <a href="${path}/index" class="back" >
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
            <span>积分城</span>
        </a>
        <form class="search">
            <input type="text" id="search" placeholder="输入商家、品类、商圈">
            <i class="fa fa-search" aria-hidden="true"></i>
        </form>
    </div>

    <!--热搜页-->
    <div class="hotSearch">
        <div class="searchTitle">热门搜索</div>
        <ul>
            <li>牛排</li>
            <li>烤肉</li>
            <li>阪尚皇</li>
            <li>大渔</li>
            <li>汉拿山</li>
            <li>黄记煌</li>
            <li>猪肚鸡</li>
            <li>顺德佬</li>
            <li>皇庭</li>
        </ul>
    </div>

    <div id="wrapper">
        <ul class="nav">
            <li class="checked"><a href="javascript:void (0)">积分商超</a></li>
            <li><a href="${path}/score/market/goods/limitTimelist">限时抢</a></li>
            <li><a href="${path}/score/market/goods/limitnumlist">限量抢</a></li>
        </ul>

        <!--轮播图-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
               <#list adList as ad> 
                 <div class="swiper-slide"><img src="${ad.picurl}"/></div>
               </#list>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <a href="javascript:void (0)" class="myIntegral">
        <span class="integralNum">${membership.account.score}积分
            <i class="fa fa-usd" aria-hidden="true"></i>
        </span>
            <span class="record">兑换记录
            <i class="fa fa-file-text" aria-hidden="true"></i> 
        </span>
        </a>

        <div class="virtualExchange">
            <a href="${path}/score/market/goods/list" class="title">虚拟兑换<i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
            <ul class="goods">
               
               <#list goodsPage.content as goods>
	                <li>

	                    <a href="${path}/score/market/goods/details/${goods.id}"> 
	                        <div class="goodsImg">
	                            <img src="${goods.picurl}" alt="">
	                        </div>
	                        <div class="integralNum">${(goods.price)*(merchantRate.score)}</div>
	                        <h4 class="goodsName">${goods.name}</h4>  
	                    </a>

	                </li>
               </#list>    
            </ul>
        </div>

        <div class="liftServer">
            <a href="${path}/score/market/goods/list" class="title">实物兑换<i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
            <ul class="goods">
                <#list marketPage.content as goods> 
	                <li> 
	                    <a href="${path}/score/market/goods/details/${goods.id}"> 
	                        <div class="goodsImg">
	                            <img src="${goods.picurl}" alt="">
	                        </div>
	                        <div class="integralNum">${(goods.price)*(merchantRate.score)}</div>
	                        <h4 class="goodsName">${goods.name}</h4>  
	                    </a> 
	                </li>
               </#list>   
                  
            </ul>
        </div>
    </div>

</div>
<script src="${resources}/js/jquery-2.2.2.min.js"></script>
<script src="${resources}/plugins/swiper/3.3.1/swiper.jquery.min.js"></script>
<script>
    /*配置轮播图*/
    var mySwiper = new Swiper('.swiper-container', {
        loop: true,
        pagination: '.swiper-pagination',
        autoplay: 2840,
        autoplayDisableOnInteraction: false
    })
</script>
</body>
</html>